<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>魅族</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/index.css" />
  </head>

  <body>
    <div class="container">
      <header>
        <div class="left">
          <ul>
            <li>魅族官网</li>
            <li>魅族商城</li>
            <li>Flyme</li>
            <li>专卖店</li>
            <li>服务社区</li>
          </ul>
        </div>
        <div class="right">
          <ul>
            <li>我的收藏 <span>new</span></li>
            <li>我的订单</li>
            <li>登录</li>
            <li>注册</li>
          </ul>
        </div>
      </header>
      <nav>
        <img src="../images/logo.png" alt="logo" />
        <ul>
          <li>PRO手机</li>
          <li>魅蓝手机</li>
          <li>MX手机</li>
          <li>精选配件</li>
          <li>智能硬件</li>
        </ul>
      </nav>
      <main>
        <div class="box1">
          <div></div>
          <div class="aside">
            <ul>
              <li>全部商品分类</li>
              <li>手机</li>
              <li>智能硬件</li>
              <li>耳机 / 音箱</li>
              <li>路由器 / 移动电源</li>
              <li>保护套 / 后盖 / 贴膜</li>
              <li>数据线 / 电源适配器</li>
              <li>周边配件</li>
            </ul>
          </div>
          <div class="swiper">
            <div class="swiperList">
              <ul>
                <li><img src="../images/banner.jpg" alt="轮播图" /></li>
              </ul>
            </div>
            <div class="ol">
              <ol>
                <li class="checkedColor"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
              </ol>
            </div>
            <div class="left">&lt;</div>
            <div class="right">&gt;</div>
          </div>
          <div></div>
        </div>
        <div class="box2">
          <div class="flex">
            <div>
              <img src="../images/box2-icon1.png" alt="icon" />
              <div class="text">M码通道</div>
            </div>
            <div>
              <img src="../images/box2-icon2.png" alt="icon" />
              <div class="text">以旧换新</div>
            </div>
            <div>
              <img src="../images/box2-icon3.png" alt="icon" />
              <div class="text">魅族意外保</div>
            </div>
            <div>
              <img src="../images/box2-icon4.png" alt="icon" />
              <div class="text">回购单查询</div>
            </div>
          </div>
          <div class="images">
            <img src="../images/box2-01.jpg" alt="" />
          </div>
          <div class="images">
            <img src="../images/box2-02.jpg" alt="" />
          </div>
          <div class="images">
            <img src="../images/box2-03.jpg" alt="" />
          </div>
          <div class="images">
            <img src="../images/box2-04.png" alt="" />
          </div>
        </div>
        <div class="box3">
          <div class="top">
            <div>手机</div>
            <div>更多 &gt;</div>
          </div>
          <div class="content">
            <div>
              <div class="tips">
                <div>热卖</div>
              </div>
              <img src="../images/box3-01.png" alt="手机图片" />
              <div class="text1">魅族蓝note3</div>
              <div class="text2">11月-12月 限量开售</div>
              <div class="text3">￥799</div>
            </div>
            <div>
              <div class="tips"></div>
              <img src="../images/box3-02.png" alt="手机图片" />
              <div class="text1">魅蓝3</div>
              <div class="text2">11日-12日 公开版限量开售</div>
              <div class="text3">￥599</div>
            </div>
            <div>
              <div class="tips">
                <div>热卖</div>
              </div>
              <img src="../images/box3-03.png" alt="手机图片" />
              <div class="text1">魅蓝3s</div>
              <div class="text2">11日-12日 限量开售</div>
              <div class="text3">￥699</div>
            </div>
            <div>
              <div class="tips">
                <div class="checkedBack">特惠</div>
              </div>
              <img src="../images/box3-04.png" alt="手机图片" />
              <div class="text1">魅蓝 meta</div>
              <div class="text2">领券立减100元</div>
              <div class="text3">￥999</div>
            </div>
            <div>
              <div class="tips">
                <div>热卖</div>
              </div>
              <img src="../images/box3-03.png" alt="手机图片" />
              <div class="text1">魅族蓝note3</div>
              <div class="text2">全网通 多彩金属机身</div>
              <div class="text3">¥1299</div>
            </div>
          </div>
        </div>
      </main>
      <footer>
        <div class="dl">
          <div>
            <dl>
              <dt>帮助说明</dt>
              <dd>支付方式</dd>
              <dd>配送说明</dd>
              <dd>售后服务</dd>
              <dd>付款帮助</dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>Flyme</dt>
              <dd>开放平台</dd>
              <dd>固件下载</dd>
              <dd>软件商店</dd>
              <dd>查找手机</dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>关于我们</dt>
              <dd>关于魅族</dd>
              <dd>加入我们</dd>
              <dd>联系我们</dd>
              <dd>法律声明</dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>关注我们</dt>
              <dd>新浪微博</dd>
              <dd>腾讯微博</dd>
              <dd>QQ空间</dd>
              <dd>官方微信</dd>
            </dl>
          </div>
          <div class="last">
            <div class="text1">24小时全国服务热线</div>
            <div class="text2">400-788-3333</div>
            <div class="text3"><b>...</b><span>24小时在线客服</span></div>
          </div>
        </div>
        <div class="footer">
          <div>
            <span
              >2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
              备案号：粤ICP备13003602号-2 经营许可证编号：粤B2-20130198
              营业执照</span
            >
            <img src="../images/footer-1.png" alt="1" /><img
              src="../images/footer-2.png"
              alt="2"
            />
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
